@charset "utf-8";
.main{position:relative;margin-top:84px;}
.list_showboxtop{overflow:hidden;position:relative;}
.list_backimg{width:100%;height:100%;position:absolute;object-fit:cover;top:0;left:0;    /*opacity: 0.5;*/z-index:-1;}
.list_showtop{padding-top:111px;padding-bottom:26px;overflow-x:hidden;}
.list_showtoptitle{color:#0562AF;font-weight:700;line-height:1.4;margin-bottom:36px;}
.list_showboxtop .container:nth-child(1){padding-right:0;}
.swiper_con{overflow:hidden;border-radius:16px;}
.swiper_con i{display:inline-block;transition:all .4s;}
.swiper_con img{width:100%;visibility:hidden;}
.swiper_context{color:#333;font-size:20px;font-weight:700;line-height:36px;margin-top:24px;}
.yj_swiper .swiper-slide:hover .swiper_con i{transform:scale(1.1);}
.yj_swiper .swiper-slide:hover .swiper_context{color:var(--main-color);}
.list_swiperbutton{display:flex;justify-content:space-between;padding-bottom:53px;}
.row_box{display:flex;align-items:center;}
.about_next{width:48px;height:48px;flex-shrink:0;background-color:#FFF;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;}
.about_prev{width:48px;height:48px;flex-shrink:0;background-color:#FFF;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:16px;cursor:pointer;transition:.3s;}
.about_prev:hover{background-color:#0562AF;transition:.3s;}
.about_prev:hover svg path{stroke:#fff;transition:.3s;}
.about_next:hover{background-color:#0562AF;transition:.3s;}
.about_next:hover svg path{stroke:#fff;transition:.3s;}
.about_gress{width:75%;height:2px;left:70px;}
.gress_box{display:flex;align-items:center;position:relative;width:50%;}
.gress_box_active{color:#FFA41C;font-family:"Alimama FangYuanTi VF";font-size:20px;font-weight:500;line-height:30px;}
.gress_box_line{color:#666;font-family:"Alimama FangYuanTi VF";font-size:20px;font-weight:500;line-height:30px;}
.gress_box_num{color:#666;font-family:"Alimama FangYuanTi VF";font-size:20px;font-weight:500;line-height:30px;}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#FFA41C!important;}
.swiper-pagination-progressbar{background-color:#DBE5ED!important;}
.intro{background-color:#fff;padding:40px 0 64px;}
.intro_title{color:#333;font-weight:700;line-height:36px;margin-bottom:24px;}
.intro_info{border-bottom:1px solid #E0E0E0;padding-bottom:10px;}
.intro_info p{color:#333;font-size:18px;font-weight:400;line-height:32px;padding-bottom:30px;}
.yj_showpage{padding-top:40px;}
.yj_showpageleft{border-radius:16px;background:#F5F7FA;padding:24px;margin-right:28px;flex:1;transition:.3s;}
.yj_showpageright{border-radius:16px;background:#F5F7FA;padding:24px;flex:1;transition:.3s;}
.yj_showpage{display:flex;align-items:center;}
.yj_showpage1{color:#999;font-size:16px;font-weight:400;line-height:26px;}
.yj_showpage2{padding:16px 0;color:#333;font-size:22px;font-weight:700;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.yj_showpage3but{width:36px;height:36px;flex-shrink:0;border-radius:50%;background-color:#FFF;display:flex;align-items:center;justify-content:center;}
.yj_showpageleft:hover .yj_showpage1{color:rgba(255,255,255,0.50);}
.yj_showpageleft:hover .yj_showpage2{color:#fff;}
.yj_showpageleft:hover{background:#0562AF;transition:.3s;}
.yj_showpageright:hover .yj_showpage1{color:rgba(255,255,255,0.50);}
.yj_showpageright:hover .yj_showpage2{color:#fff;}
.yj_showpageright:hover{background:#0562AF;transition:.3s;}

@media (max-width:767px){
    .main {
        margin-top: 80px;
    }
    .list_showtop{padding-top:80px;}
    .swiper_context{line-height:26px;margin-top:24px;}
    .swiper_context{font-size:18px;font-weight:700;line-height:30px;margin-top:24px;}
    .gress_box_active{font-size:18px;line-height:30px;}
    .gress_box_num,.gress_box_line{font-size:18px;line-height:30px;}
    .intro_info p{font-size:16px;line-height:1.6;padding-bottom:20px;}
    .yj_showpageright{padding:16px 16px;}
    .yj_showpageleft{padding:16px 16px;margin-right:10px;}
    .yj_showpage1{font-size:14px;}
    .yj_showpage2{padding:12px 0;font-size:18px;line-height:1.8;}
    .about_prev{width:38px;height:38px;margin-right:12px;}
    .about_next{width:38px;height:38px;}
    .yj_showpage3but{width:26px;height:26px;padding:4px;}
}